<!DOCTYPE html>
<html>
<head lang="en">
    <script src="js/jquery-2.1.1.js"></script>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<input id="input1"/>
<button id="btn1">btn1</button>
<button id="btn2">btn2</button>
<button id="btn3">btn3</button>
<script type="text/javascript">
    $('document').ready(function () {
        console.log('document ready');
    })

    $('#btn1').click(function () {
        console.log($('#input1').val())
    });

    $('#btn2').click(function () {
        $.get('./study_h5_3.html', function (data, status) {
            console.log(data);
        });
    });

    $('#btn3').bind('click', function () {
        $.ajax({
            type: 'get',
            url: './study_h5_2.html', //同源策略
            data: 'a=b&c=d',
            contentType: "html/text; charset=utf-8",
            accept: "application/json",
            timeout: 10000,
            success: function (data) {
                console.log('success');
                console.log(data);
            },
            error: function (err) {
                console.log(err);
            }
        });
    });
</script>

</body>
</html>